body
{
    margin: 0;
    padding: 0;
    background-color: rgb(240, 240, 240);
}

div.wait
{
    background-image: url('/static/wait.gif');
    margin: auto;

    width: 32px;
    height: 32px;
}



div#body_page
{
    margin: 0;
    padding: 1em;
}

    div#sections
    {
        /* float: right; */
    }

    div#input_area
    {
        height: 100%;
        /* float: left; */
        padding: 1em;
    }

        div#input_area h1, div#preview_area h1
        {
            font-size: small;
        }

        div#input_area textarea
        {
            border: 2px solid gray;
            width: 100%;
        }

    div#preview_area
    {
        /* height: 100%; */
        /* float: left; */
        padding: 1em;
    }

    div#placeholder
    {
        background-color: white;
        border: 2px solid gray;
        padding: 1em;
        margin: 1em;
        min-height: 40px;
    }


div#header
{
    background-image: url('/static/bg.png');
    padding: 0.5em;
    color: white;
    border-bottom: 4px solid gray;
}

    div#logo
    {
        width: 100px;
        height: 77px;
        background-image: url('logo.png');
        background-repeat: no-repeat;
        float: left;
    }

    div#title_block
    {
        margin-left: 100px;
    }

    div#title_block h1
    {
        margin: 0;
        padding: 0;
    }

div#foot
{
    clear: both;
    margin: 2em;
    color: gray;
    text-align: center;
    font-size: small;
}



div.grippie
{
    background:#EEEEEE url('grippie.png') no-repeat scroll center 2px;
    border-color:#DDDDDD;
    border-style:solid;
    border-width:0pt 1px 1px;
    cursor:s-resize;
    height:9px;
    overflow:hidden;
}

.resizable-textarea textarea
{
    display:block;
    margin-bottom:0pt;
    height: 20%;
}


/*
ul#ulThumbnailList
{
    border: 1px solid red;
}


.photolistitem
{
    position: relative;
    display: block;
    float: left;    
    list-style-type: none;
    height: 220px;    
    width: 170px;    
    padding: 10px;
    border: solid 1px khaki;
    margin: 12px;
    background: steelblue;
    text-align: center;
}
    */










div#tip
{
    margin-top: 1em;
    margin-bottom: 1em;
    font-size: 10pt;
    color: gray;
}


div#save_message
{
    display: none;
    background-color: rgb(180, 255, 180);
    border: 1px solid rgb(50, 200, 50);
    padding: 4px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: small;
}

div#error_message
{
    background-color: rgb(255, 180, 180);
    border: 1px solid rgb(200, 50, 50);
    padding: 4px;
    font-size: small;
}

span#procesing
{
    display: none;
    font-size: small;
    color: gray;
}


div#loading_image
{
    border: 0;
    width: 32px;
    height: 32px;
    display: none;
    float: left;
    position: absolute;
}


td
{
    border: 0;
    vertical-align: top;
}



ul#navlist
{
    white-space: nowrap;
    text-align: right;
    margin: 0;
    padding: 0;
    font-size: small;
}

#navlist li
{
    display: inline;
    list-style-type: none;
}

#navlist a
{
    padding: 3px 10px;
}

#navlist a:link, #navlist a:visited
{
    color: black;
    background-color: #CCC;
    border: gray 2px solid;
    text-decoration: none;
}

#navlist a:hover
{
    color: black;
    background-color: white;
    text-decoration: none;
}
